<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Courier</title>
<link rel="stylesheet" href="plugin/bootstrap/bootstrap.min.css">
<link href="plugin/bootstrap/bootstrap-table.min.css" rel="stylesheet">
<script src="plugin/jquery-3.5.1.min.js"></script>
<script src="plugin/bootstrap/bootstrap.min.js"></script>
<script src="plugin/bootstrap/bootstrap-table.min.js"></script>
<script src="plugin/bootstrap/bootstrap-table-zh-CN.min.js"></script>
<script src="plugin/layer/layer.js"></script>
<script type="application/javascript">
    $(document).ready(function(){
        $('#taskInfo').load('taskInfo.html');
    })
</script>
</head>
<body>
<ul id="myTab" class="nav nav-tabs">
    <li class="active">
        <a href="#taskInfo" data-toggle="tab">TaskInfo</a>
    </li>
    <li><a href="#Cluster" data-toggle="tab">Cluster</a></li>
    <li><a href="#Alert" data-toggle="tab">Alert</a></li>
</ul>
<div id="myTabContent" class="tab-content">
<div class="tab-pane fade in active" id="taskInfo"></div>
<div class="tab-pane fade" id="Cluster">
    <p>Cluster列表</p>
</div>
<div class="tab-pane fade" id="Alert">
    <p>告警配置</p>
</div>
</div>
</body>
</html>